<div class="left_content">
	<div class="crumb_nav">
		<a href="{$HOME_URL}">home</a> &gt;&gt; {$product.name}
	</div>
	<div class="title">
		<span class="title_icon"><img
			src="{$HOME_URL}/images/btn.jpg" alt="" title="" />
		</span>{$product.name}
	</div>
	<div class="feat_prod_box_details">
		<div class="prod_img">
			{if $product.promoDescrit != ''}
			<span class="new_icon"><img src="{$HOME_URL}/images/promo_text_icon.gif" alt="{$promoProducts[info].name}" title="{$promoProducts[info].name}" /> </span> 
			{/if}
			
			<a class='highslide' id="thumb1" href='{$HOME_URL}/admin/pic/thumbnail.php?width=0&height=0&fileName={$firstImageID}.{$firstImageExt}' onclick="return hs.expand(this, miniGalleryOptions1)" title="{$product.name}">
				<img src="{$HOME_URL}/admin/pic/thumbnail.php?width=130&height=130&fileName={$firstImageID}.{$firstImageExt}" alt="{$product.name}" title="Zoom Image" border="0" />
			</a>
			
			<div class="hidden-container">
				{foreach name=image item=data from=$arrImages}
        			<a class='highslide' href='{$HOME_URL}/admin/pic/thumbnail.php?width=0&height=0&fileName={$data.id}.{$data.extName}' onclick="return hs.expand(this, miniGalleryOptions1)" title="{$product.name}">
						<img src='{$HOME_URL}/admin/pic/thumbnail.php?width=130&height=130&fileName={$data.id}.{$data.extName}' alt=''/>
					</a>
				{/foreach}
			</div>
			<br><br><br>
			
			<a href="javascript:void(0)" class="review_link" onclick="showlightbox('{$HTMO_HOME}/writeReview.php?id={$id}')">Write your own review</a>
		</div>
		
		<div class="prod_det_box">
			<div class="box_top"></div>
			<div class="box_center">
				<div class="prod_detail_title"></div>
				
				<div>
					<table>
						<tr height="20">
							<td width="75" align="left">
								<ul class="unit-rating" title="rating:{$product.r_rating * 10}%">
									<li class="current-rating" style="width:{$product.r_rating * 10}%;">Currently {$product.r_rating * 10}; Rating </li>
								</ul>
							</td>
							
							<td align="left">
								({$product.r_reviewCount} customer reviews)
							</td>
						</tr>
						
						<tr><td>&nbsp;</td><td></td></tr>
					</table>
				</div>
				
				<div class="price">
					<table>
						<tr>
							<td width="75" align="right">
								<strong>In Stock:</strong>
							</td>
							
							<td align="left">
								Yes
							</td>
						</tr>
					</table>
						
				</div>
				
				<form name="fm" action="" method="post">
				<div class="price">
					<table>
						<tr>
							<td width="75" align="right">
								<strong>PRICE:</strong>
							</td>
							
							<td align="left">
								{if $product.finalPrice > 0}
									<span class="nprice-g">${$product.finalPrice / 100}</span>
									<span class="oprice-g"><s>${$product.price / 100}</s></span>
								{else}	
									<span class="nprice-g">${$product.price / 100}</span>
								{/if}
							</td>
						</tr>
					</table>
					
				</div>
				
				<div class="price">
					<table>
					{foreach name=attribute item=data key=key from=$attributes}
						<tr>
							<td width="75" align="right">
								<strong>{$key}:</strong>
							</td>
							
							<td align="left">
								<select name="attribute[]">
					              	<option value="0">select ...</option>
					              	{html_options options=$data.attri selected=$attribute}
					             </select>
							</td>
						</tr>
						{/foreach}
					</table>
				</div>
				
				<div class="price">
					<table>
						<tr>
							<td width="75" align="right">
								<strong>Quantity:</strong>
							</td>
							
							<td align="left">
								<input style="width:30px;border:1px solid #829DB6; text-align:center; padding-top:2px;font-weight:normal;" value="1" name="quantity" id="quantity">
							</td>
						</tr>
						
					</table>
				</div>
				
				{if $product.promoDescrit != ''}
				<div class="promo">
					<table>
						<tr>
							<td width="75" align="right">
								<strong>Promotion:</strong>
							</td>
							
							<td align="left">
								<span class="promo">{$product.promoDescrit}</span>
							</td>
						</tr>
						
					</table>
				</div>
				{/if}
				
				<input type="hidden" name="addCart" value="addCart">
				<a href="javascript:void(0)" class="more">
					<input type="image" src="{$HOME_URL}/images/order_now.gif" alt="" title="" border="0" onClick="return checkAttribute('attribute[]');" />
				</a>
				</form>
				<div class="clear"></div>
			</div>
			<div class="box_bottom"></div>
		</div>
		<div class="clear"></div>
	</div>
	<div id="demo" class="demolayout">
		<ul id="demo-nav" class="demolayout">
			<li><a class="active" href="javascript:void(0)">More Details</a>
			</li>
			<li><a class="more" href="javascript:void(0)">More Colors</a>
			</li>
			<li><a class="more" href="javascript:void(0)">Reviews</a>
			</li>
		</ul>
		<div class="tabs-container">
			<div style="display: block;" class="tab" id="tab1">
				<div class="prod_more_details">
				<p class="more_details">{$product.description}</p>
				</div>
			</div>
			<div style="display: none;" class="tab" id="tab2">
				{section name=info loop=$arrRelatedProduct}
				<div class="new_prod_box">
					<a href="{$HOME_URL}/p/{$arrRelatedProduct[info].relatedProdID}/{$objStrings->getCharNum({$arrRelatedProduct[info].name})}.html" title=" {$arrRelatedProduct[info].name}">
						{$arrRelatedProduct[info].imageName}
					</a>
					<div class="new_prod_bg">
						<a href="{$HOME_URL}/p/{$arrRelatedProduct[info].relatedProdID}/{$objStrings->getCharNum({$arrRelatedProduct[info].name})}.html">
							<img src="{$HOME_URL}/admin/pic/thumbnail.php?width=80&height=80&fileName={$arrRelatedProduct[info].imageID}.{$arrRelatedProduct[info].imageExtName}" 
								border="0" alt="{$arrRelatedProduct[info].name}" title=" {$arrRelatedProduct[info].name}" class="thumb" />
						</a>
					</div>
				</div>
				{/section}
				
				
				<div class="clear"></div>
			</div>
			
			<div style="display: block;" class="tab" id="tab3">
				<div class="prod_more_details">
				
					<table width="100%" border="0px">
					{foreach name=image item=data from=$allReviews}
						<tr>
							<td align="left">
								<strong>{$data.title}</strong>
							</td>
							
							<td width="100px" align="right">
								<img src="{$HOME_HOME}/images/stars{$data.rating}.gif">
							</td>
						</tr>
						
						<tr>
							<td colspan="2">
								Comment: {$data.content}
							</td>
						</tr>
						<tr>
							<td colspan="2" class="review_location">
								<span>{$data.userName}</span>
							</td>
						</tr>
						<tr>
							<td colspan="2" class="review_location">
								<span>{$data.location}</span>
							</td>
						</tr>
						<tr>
							<td colspan="2" class="review_separator">
							</td>
						</tr>
					{/foreach}
					</table>
					
				</div>
				
			</div>
		</div>
	</div>
	<div class="clear"></div>
</div>